<html>
<head>

<style>
.editing {
    border: 2px solid red;
    padding: 12px;
    font-size: 24px;
}
</style>
<script src=../../../../LayoutTests/editing/editing.js language="JavaScript" type="text/JavaScript" ></script>

<script>
function editingTest() {
    typeCharacterCommand('t');
    typeCharacterCommand('h');
    typeCharacterCommand('e');
    typeCharacterCommand(' ');
    typeCharacterCommand('c');
    typeCharacterCommand('y');
    typeCharacterCommand('l');
    typeCharacterCommand('i');
    typeCharacterCommand('n');
    typeCharacterCommand('d');
    typeCharacterCommand('r');
}

</script>

<title>Spellchecking After Reversion Test</title>
</head>
<body>
<div><p>This test verifies the behavior of spellchecking after reversion.</p>
<ol>
<li>After seeing the correction panel, press space to accept the correction.</li>
<li>Press delete key to bring up reversion bubble.</li>
<li>Press down arrow followed by return key to accept the reversion suggestion.</li>
<li>Press space key again, and verify that the word "cylindr" IS NOT marked as misspelled.</li>
<li>Press delete key twice.</li>
<li>Press space key again, and verify that the word "cylind" IS marked as misspelled.</li>
</ol>
<p  style="color:green">Note, this test can fail due to user specific spell checking data. To fix this, remove all files in ~/Library/Spelling.</p>
<div contenteditable id="root" class="editing">
<span id="test"></span>
</div>


<script>
runEditingTest();
</script>

</body>
</html>
